<iframe th:replace="common/top.html" width="100%" frameborder="0" scrolling="yes" class="x-iframe"></iframe>
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="../css/ordermain.css" type="text/css" media="screen"/>
</head>
<body>

<div class="homepage-text">
    <div class="top-divider"></div>
    <h1>欢迎来到订单管理界面</h1>
    <div class="bottom-divider"></div>
    <h3>你可以在这里对订单进行管理和处理，例如确认订单、发货、退款等等。</h3>
</div>


<div class="links-container">
    <div class="orderlink">
        <img src="../images/1.png" alt="About US">
        <a class="about-us-title" th:href="@{/order/order}" th:text="订单管理" style="width: 50%"></a>
        <p class="about-us-text">您可以在这里查看订单信息，并且对订单信息进行修改，删除等操作</p>
    </div>

    <div class="statuslink">
        <img src="../images/2.png" alt="About US">
        <a class="about-us-title" th:href="@{/orderstatus/orderStatus}" th:text="快递状态" style="width: 50%"></a>
        <p class="about-us-text">您可以在这里查看订单的快递状态，并且进行发货或者取消订单等操作</p>
    </div>
</div>

</body>
</html>


<!--以下为最初版本代码，仅做留档-->
<!--<iframe th:replace="common/top.html" width="100%" frameborder="0" scrolling="yes" class="x-iframe"></iframe>-->
<!--<!DOCTYPE html>-->
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>Title</title>-->
<!--    <link rel="StyleSheet" href="../css/ordermain.css" type="text/css" media="screen"/>-->
<!--</head>-->
<!--<body>-->

<!--<div class="homepage-text">-->
<!--    <div class="top-divider"></div>-->
<!--    <h1>欢迎来到订单管理界面</h1>-->
<!--    <div class="bottom-divider"></div>-->
<!--    <h3>你可以在这里对订单进行管理和处理，例如确认订单、发货、退款等等。</h3>-->
<!--</div>-->
<!--<div class="orderlink">-->
<!--    <img src="../images/1.png" alt="About US">-->
<!--    <a class="about-us-title" th:href="@{/order/order}" th:text="订单管理" style="width: 20%"></a>-->
<!--    <p class="about-us-text">您可以在这里查看订单信息，并且对订单信息进行修改，删除等操作</p>-->
<!--</div>-->

<!--<div class="statuslink">-->
<!--    <img src="../images/2.png" alt="About US">-->
<!--    <a class="about-us-title" th:href="@{/orderstatus/orderStatus}" th:text="快递状态" style="width: 20%"></a>-->
<!--    <p class="about-us-text">您可以在这里查看订单的快递状态，并且进行发货或者取消订单等操作</p>-->
<!--</div>-->
<!--</body>-->
<!--</html>-->